<!-- 信息提示弹窗 -->
<template>
	<u-popup v-model="show" mode="center" :closeable="true" width="600rpx" border-radius="5" negative-top="400">
		<view class="popup">
			<view class="popup-title">{{title}}</view>
			<view class="popup-text">
				{{text}}
			</view>
			<view class="u-flex popup-btns">
				<view></view>
				<u-button type="info" size="mini" @click="show=false">关闭</u-button>
			</view>
		</view>
		<u-toast ref="uToast" />
	</u-popup>
</template>

<script>
	export default {
		name: "offer-popup",
		data() {
			return {
				show: false, // 弹窗显示
				title: '',
				text: ''
			}
		},
		methods: {
			// 开启弹窗
			open(title, text) {
				this.show = true;
				this.title = title
				this.text = text
			},
		}
	}
</script>

<style scoped lang="scss">
	.popup {
		padding: 20rpx;

		.popup-title {
			font-size: 34rpx;
			text-align: center;
		}

		.popup-text {
			font-size: 28rpx;
			margin-top: 30rpx;
			min-height: 200rpx;
		}

		.popup-btns {
			margin-top: 30rpx;
			justify-content: space-between;
		}
	}
</style>
